﻿.page {
  width: 960px;
  margin: 0px auto;
}

/* line 6, ../sass/pages.scss */

#page-main {
  margin-bottom: 15px;
  #popular {
    display: inline-block;
    vertical-align: top;
    width: 716px;
    #poplar-title {
      margin-bottom: 10px;
    }
    #popular-wrapper {
      position: relative;
      height: 300px;
      .popular-dish {
        display: block;
        margin: 10px;
        position: absolute;
        display: none;
        .popular-dish-image {
          display: inline-block;
          vertical-align: top;
          border: 3px solid white;
          border-radius: 50%;
          width: 275px;
          height: 275px;
          background-color: black;
          overflow: hidden;
          text-align: center;
          img {
            width: 275px;
            height: auto;
            min-height: 275px;
          }
        }
        .popular-desc {
          display: inline-block;
          vertical-align: top;
          width: 355px;
          height: 275px;
          margin-left: 20px;
          position: relative;
          .popular-desc-title {
            color: #e7323b;
            font-size: 18px;
            margin-bottom: 10px;
            height: 43px;
            a {
              color: #e7323b;
            }
          }
          .popular-desc-content {
            text-align: justify;
            height: 50px;
            text-overflow: ellipsis;
          }
          .popular-sub-info {
            margin-top: 10px;
            color: #e8434c;
            .info-val {
              color: #f3f3f3;
              font-size: 19px;
            }
          }
          .popular-price {
            margin-top: 50px;
            text-align: right;
            font-size: 14px;
            .val {
              font-size: 20px;
              color: #e7323b;
            }
            .popular-order {
              display: inline-block;
              vertical-align: top;
              width: 96px;
              height: 55px;
              background: url(../../images/main/add-main.png) left -5px no-repeat;
              position: relative;
              top: -20px;
              cursor: pointer;
              &:hover {
                background: url(../../images/main/add-main.png) left -59px no-repeat;
              }
            }
          }
        }
      }
    }
    #popular-switcher {
      display: inline-block;
      vertical-align: top;
      text-align: center;
      width: 310px;
      li {
        display: inline-block;
        vertical-align: top;
        width: 13px;
        height: 13px;
        background: url(../../images/main/popular-bullet.png);
        cursor: pointer;
        &:hover, &.active {
          background: url(../../images/main/popular-bullet-active.png);
        }
      }
    }
  }
  #news {
    display: inline-block;
    vertical-align: top;
    width: 230px;
    margin-left: 10px;
    #news-wrapper {
      height: 243px;
      margin: 10px;
      .news-pub {
        margin-bottom: 10px;
        .news-date {
          margin-bottom: 5px;
        }
      }
    }
    #all-news {
      height: 33px;
      cursor: pointer;
      background: url(../../images/main/all-news.png) right top no-repeat;
      margin-top: 29px;
      margin-bottom: 3px;
      &:hover {
        background: url(../../images/main/all-news.png) right -33px no-repeat;
      }
    }
  }
}

/* line 9, ../sass/pages.scss */

/* line 14, ../sass/pages.scss */

/* line 18, ../sass/pages.scss */

/* line 22, ../sass/pages.scss */

/* line 28, ../sass/pages.scss */

/* line 39, ../sass/pages.scss */

/* line 46, ../sass/pages.scss */

/* line 54, ../sass/pages.scss */

/* line 60, ../sass/pages.scss */

/* line 66, ../sass/pages.scss */

/* line 72, ../sass/pages.scss */

/* line 76, ../sass/pages.scss */

/* line 82, ../sass/pages.scss */

/* line 87, ../sass/pages.scss */

/* line 92, ../sass/pages.scss */

/* line 102, ../sass/pages.scss */

/* line 111, ../sass/pages.scss */

/* line 117, ../sass/pages.scss */

/* line 125, ../sass/pages.scss */

/* line 133, ../sass/pages.scss */

/* line 139, ../sass/pages.scss */

/* line 143, ../sass/pages.scss */

/* line 146, ../sass/pages.scss */

/* line 152, ../sass/pages.scss */

/* line 159, ../sass/pages.scss */

/* line 167, ../sass/pages.scss */

#page-cafes .title, #page-all-dishes .title {
  margin-bottom: 10px;
}

/* line 172, ../sass/pages.scss */

#page-cafes .type-selector ul {
  display: inline-block;
  vertical-align: top;
  width: 160px;
  margin: 0px;
  text-align: left;
  padding: 0;
}

#page-all-dishes .type-selector ul {
  display: inline-block;
  vertical-align: top;
  width: 175px;
  margin-left: 0px;
}

/* line 178, ../sass/pages.scss */

#page-cafes .type-selector ul li {
  padding: 5px 0px;
  list-style-type: disc;
  list-style-position: inside;
  color: #e7323b;
  a! {}
}

#page-all-dishes .type-selector ul li {
  padding: 6px 13px;
  list-style-type: disc;
  list-style-position: inside;
  color: #e7323b;
}

/* line 184, ../sass/pages.scss */

#page-cafes .type-selector ul li a, #page-all-dishes .type-selector ul li a {
  color: #e7323b;
  text-decoration: none;
}

/* line 189, ../sass/pages.scss */

#page-cafes .type-selector ul li a:hover, #page-all-dishes .type-selector ul li a:hover {
  text-decoration: none;
}

/* line 194, ../sass/pages.scss */

#page-cafes .type-selector ul li:hover {
  /*background: url(../../images/cafe/cloud-large.png) left center no-repeat;*/
  color: #FFF;
  a {
    /*background: url(../../images/cafe/cloud-large.png) left center no-repeat;*/
    color: #FFF;
  }
}

#page-all-dishes .type-selector ul li {
  &:hover, &.active, &:hover a {
    /*background: url(../../images/cafe/cloud-large.png) left center no-repeat;*/
    color: #FFF;
  }
}

#page-cafes .type-selector ul {
  li.active {
    list-style: none;
    a {
      background-color: #FFF;
      -moz-border-radius: 3px;
      border-radius: 3px;
      padding: 3px 3px 3px 13px;
    }
    &:hover a, a, &:hover a, .whiteText {
      color: #000 !important;
    }
  }
  &.small li {
    &:hover, &.active {
      /*background: url(../../images/cafe/cloud-small.png) left center no-repeat !important;*/
      color: #FFF;
    }
  }
}

/* line 200, ../sass/pages.scss */

#page-all-dishes .type-selector ul.small li {
  &:hover, &.active {
    /*background: url(../../images/cafe/cloud-small.png) left center no-repeat !important;*/
    color: #FFF;
  }
}

#page-cafes .type-selector ul.small li:hover a, #page-all-dishes .type-selector ul.small li:hover a {
  /*background: url(../../images/cafe/cloud-small.png) left center no-repeat !important;*/
  color: #FFF;
}

/* line 207, ../sass/pages.scss */

#page-cafes .no-result, #page-all-dishes .no-result {
  text-align: center;
  margin: 50px;
  font-weight: bold;
}

/* line 214, ../sass/pages.scss */

#page-cafes #cafe-list, #page-all-dishes #cafe-list {
  margin: 10px;
  text-align: center;
}

/* line 218, ../sass/pages.scss */

#page-cafes #cafe-list .cafe, #page-all-dishes #cafe-list .cafe {
  display: inline-block;
  vertical-align: top;
  margin: 15px 15px;
  width: 163px;
}

/* line 224, ../sass/pages.scss */

#page-cafes #cafe-list .cafe .cafe-image, #page-all-dishes #cafe-list .cafe .cafe-image {
  height: 157px;
  width: 157px;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  background-color: white;
  border: 3px solid white;
  cursor: pointer;
}

/* line 234, ../sass/pages.scss */

#page-cafes #cafe-list .cafe .cafe-image img, #page-all-dishes #cafe-list .cafe .cafe-image img {
  width: 163px;
  height: auto;
  min-height: 163px;
  z-index: 99;
  position: relative;
}

/* line 243, ../sass/pages.scss */

#page-cafes #cafe-list .cafe .cafe-title, #page-all-dishes #cafe-list .cafe .cafe-title {
  margin-top: 15px;
}

/* line 246, ../sass/pages.scss */

#page-cafes #cafe-list .cafe .cafe-title a, #page-all-dishes #cafe-list .cafe .cafe-title a {
  color: #e7323b;
  font-family: "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
}

/* line 252, ../sass/pages.scss */

#page-cafes #cafe-list .cafe:hover .cafe-image, #page-all-dishes #cafe-list .cafe:hover .cafe-image {
  border: 3px solid #e7323b;
}

/* line 259, ../sass/pages.scss */

#dishes, #dish-list {
  text-align: center;
}

/* line 262, ../sass/pages.scss */

#dishes .dish, #dish-list .dish {
  display: inline-block;
  vertical-align: top;
  margin: 15px 35px;
  width: 163px;
  position: relative;
}

/* line 269, ../sass/pages.scss */

#dishes .dish .dish-image, #dish-list .dish .dish-image {
  height: 157px;
  position: relative;
  width: 157px;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  background-color: white;
  border: 3px solid white;
  cursor: pointer;
}

/* line 280, ../sass/pages.scss */

#dishes .dish .dish-image img, #dish-list .dish .dish-image img {
  width: 163px;
  height: auto;
  min-height: 163px;
  z-index: 90;
  position: relative;
}

/* line 289, ../sass/pages.scss */

#dishes .dish .dish-order, #dish-list .dish .dish-order {
  width: 47px;
  height: 46px;
  cursor: pointer;
  position: absolute;
  right: -20px;
  top: 126px;
  z-index: 99;
  background: url(../../images/dishes/cart.png) left -46px no-repeat;
}

/* line 299, ../sass/pages.scss */

#dishes .dish .dish-order:hover, #dish-list .dish .dish-order:hover {
  background: url(../../images/dishes/cart.png) left top no-repeat;
}

/* line 304, ../sass/pages.scss */

#dishes .dish:hover .dish-image, #dish-list .dish:hover .dish-image {
  border: 3px solid #e7323b;
}

/* line 308, ../sass/pages.scss */

#dishes .dish .dish-title, #dish-list .dish .dish-title {
  margin-top: 15px;
}

/* line 311, ../sass/pages.scss */

#dishes .dish .dish-title a, #dish-list .dish .dish-title a {
  color: #e7323b;
  font-family: "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
  line-height: 1.5;
}

/* line 324, ../sass/pages.scss */

#page-dishes .row .left, #page-dish .row .left {
  display: inline-block;
  vertial-align: top;
  width: 230px;
}

/* line 329, ../sass/pages.scss */

#page-dishes .row .left .types-group, #page-dish .row .left .types-group {
  margin: 10px 0px;
}

/* line 332, ../sass/pages.scss */

#page-dishes .row .left .types-group .group-title, #page-dish .row .left .types-group .group-title {
  color: #e7323b;
  font-size: 15px;
  margin-bottom: 5px;
}

/* line 339, ../sass/pages.scss */

#page-dishes .row .left ul, #page-dish .row .left ul {
  margin-left: 15px;
}

/* line 342, ../sass/pages.scss */

#page-dishes .row .left ul li, #page-dish .row .left ul li {
  padding: 6px 13px;
  list-style-type: disc;
  list-style-position: inside;
  color: #e7323b;
}

/* line 348, ../sass/pages.scss */

#page-dishes .row .left ul li a, #page-dish .row .left ul li a {
  color: #e7323b;
  text-decoration: none;
  font-family: "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
}

/* line 353, ../sass/pages.scss */

#page-dishes .row .left ul li a:hover, #page-dish .row .left ul li a:hover {
  text-decoration: none;
  color: #FFF;
}

/* line 358, ../sass/pages.scss */

#page-dishes .row .left ul li {
  &:hover {
    /*background: url(../../images/cafe/cloud-large.png) left center no-repeat;*/
    color: #e7323b;
  }
  &.active {
    color: #FFF;
    a, &:hover {
      color: #FFF;
    }
    a {
      color: #000;
      background-color: #FFF;
      -moz-border-radius: 3px;
      border-radius: 3px;
      padding: 3px 5px 3px 5px;
      &:hover {
        color: #e7323b;
      }
    }
  }
}

#page-dish .row .left ul li {
  &:hover {
    /*background: url(../../images/cafe/cloud-large.png) left center no-repeat;*/
    color: #e7323b;
  }
  &.active {
    color: #FFF;
    a {
      color: #FFF;
      &:hover {
        color: #e7323b;
      }
    }
  }
}

/* line 365, ../sass/pages.scss */

#page-dishes .row .separator, #page-dish .row .separator {
  display: inline-block;
  vertical-align: top;
  width: 6px;
  background: url(../../images/dishes/dot.png) top center repeat-y;
  margin-top: 5px;
}

/* line 373, ../sass/pages.scss */

#page-dishes .row .right, #page-dish .row .right {
  display: inline-block;
  vertical-align: top;
  width: 716px;
}

/* line 383, ../sass/pages.scss */

#page-dishes #first-row .separator, #page-dish #first-row .separator {
  height: 57px;
}

/* line 388, ../sass/pages.scss */

#page-dishes #first-row .title, #page-dish #first-row .title {
  text-align: center;
  line-height: 57px;
  height: 57px;
  font-size: 16px;
  text-transform: uppercase;
  color: #e7323b;
}

/* line 401, ../sass/pages.scss */

#page-dishes #second-row #no-res, #page-dish #second-row #no-res {
  font-weight: bold;
}

/* line 406, ../sass/pages.scss */

#page-dishes #second-row .dish-info .dish-image, #page-dish #second-row .dish-info .dish-image {
  display: inline-block;
  vertical-align: top;
  width: 307px;
  height: 307px;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  background-color: white;
  border: 3px solid white;
  margin: 10px;
  cursor: pointer;
}

/* line 419, ../sass/pages.scss */

#page-dishes #second-row .dish-info .dish-image img, #page-dish #second-row .dish-info .dish-image img {
  width: 307px;
  height: auto;
  min-height: 307px;
}

/* line 425, ../sass/pages.scss */

#page-dishes #second-row .dish-info .dish-image:hover, #page-dish #second-row .dish-info .dish-image:hover {
  border: 3px solid #e7323b;
}

/* line 430, ../sass/pages.scss */

#page-dishes #second-row .dish-info .dish-desc, #page-dish #second-row .dish-info .dish-desc {
  display: inline-block;
  vertical-align: top;
  width: 350px;
  margin-left: 20px;
  text-align: left;
}

/* line 437, ../sass/pages.scss */

#page-dishes #second-row .dish-info .dish-desc .dish-title, #page-dish #second-row .dish-info .dish-desc .dish-title {
  font-size: 22px;
  line-height: 1.5;
}

/* line 442, ../sass/pages.scss */

#page-dishes #second-row .dish-info .dish-desc .dish-price, #page-dish #second-row .dish-info .dish-desc .dish-price {
  font-size: 28px;
  color: #e7323b;
  margin-top: 15px;
}

/* line 448, ../sass/pages.scss */

#page-dishes #second-row .dish-info .dish-desc .dish-order, #page-dish #second-row .dish-info .dish-desc .dish-order {
  text-align: right;
  margin-top: 35px;
  z-index: 99;
}

/* line 453, ../sass/pages.scss */

#page-dishes #second-row .dish-info .dish-desc .dish-order #order-btn, #page-dish #second-row .dish-info .dish-desc .dish-order #order-btn {
  display: inline-block;
  vertical-align: top;
  width: 216px;
  height: 77px;
  background: url(../../images/dish/order-dish.png) left top no-repeat;
}

/* line 460, ../sass/pages.scss */

#page-dishes #second-row .dish-info .dish-desc .dish-order #order-btn:hover, #page-dish #second-row .dish-info .dish-desc .dish-order #order-btn:hover {
  background: url(../../images/dish/order-dish.png) left -77px no-repeat;
}

/* line 466, ../sass/pages.scss */

#page-dishes #second-row .dish-info .dish-desc .dish-desc-content, #page-dish #second-row .dish-info .dish-desc .dish-desc-content {
  margin-top: 30px;
  line-height: 1.5;
}

/* line 477, ../sass/pages.scss */

#page-dishes #third-row {
  #desc, #address {
    margin: 10px;
    line-height: 1.5;
  }
}

#page-dish #third-row {
  #desc, #address {
    margin: 10px;
    line-height: 1.5;
  }
}

/* line 481, ../sass/pages.scss */

#page-dishes #third-row {
  #desc p, #address p {
    margin: 5px 0px;
  }
}

#page-dish #third-row {
  #desc p, #address p {
    margin: 5px 0px;
  }
}

/* line 490, ../sass/pages.scss */

#page-checkout {
  .title {
    margin-bottom: 10px;
  }
  #checkout-table {
    width: 100%;
    thead th {
      color: #e7323b;
      text-align: left;
      padding-bottom: 20px;
    }
    tbody tr td {
      border: 3px dotted white;
      text-align: center;
      vertical-align: middle;
      &.name {
        width: 100%;
        text-align: left;
        padding: 10px;
        .dish-photo {
          float: left;
          width: 76px;
          height: 76px;
          border-radius: 50%;
          overflow: hidden;
          text-align: center;
          background-color: white;
          border: 3px solid white;
          margin: 10px;
          margin-right: 15px;
          img {
            width: 76px;
            height: auto;
            min-height: 76px;
            z-index: 99;
            position: relative;
          }
          &:hover {
            border: 3px solid #e7323b;
          }
        }
        .dish-title {
          font-size: 16px;
          color: #e8434c;
          line-height: 1.5;
          padding-top: 20px;
        }
      }
      &:first-child {
        border-left: none !important;
      }
      &:last-child {
        border-right: none !important;
      }
      .quantity-selector {
        width: 75px;
        background: #0a0a0a;
        border: 1px solid #201f1f;
        border-radius: 15px;
        color: #e8434c;
        padding: 9px;
        margin-top: 10px;
        text-align: center;
        font-weight: bold;
        margin-left: 20px;
        margin-right: 20px;
      }
      &.price-holder-cell {
        width: 215px;
        white-space: nowrap;
        .price-holder {
          width: 180px;
          text-align: center;
          color: #f3f3f3;
          font-size: 16px;
          display: inline-block;
          vertical-align: top;
        }
        .delete {
          display: inline-block;
          vertical-align: top;
          width: 30px;
          height: 30px;
          background: url(../../images/order/delete.png);
          cursor: pointer;
        }
      }
    }
  }
  #total {
    text-align: right;
    margin-top: 10px;
    #total-label {
      display: inline-block;
      vertical-align: top;
      margin-top: 22px;
      font-size: 14px;
    }
    #total-wrapper {
      display: inline-block;
      vertical-align: top;
      width: 238px;
      height: 57px;
      background: url(../../images/order/totalbg.png);
      font-size: 24px;
      text-align: center;
      line-height: 57px;
    }
  }
  #order-form-wrapper {
    position: relative;
    text-align: center;
    margin-top: 15px;
    #order-form-bg {
      position: absolute;
      width: 1154px;
      height: 409px;
      left: -97px;
      top: 0px;
      background: url(../../images/order/orderbg.png);
      z-index: 0;
    }
    #order-form-title {
      font-size: 30px;
      margin-bottom: 25px;
    }
    .field {
      margin-bottom: 10px;
      position: relative;
      z-index: 11;
      input[type='text'], textarea {
        background: #0a0a0a;
        border: 1px solid #201f1f;
        border-radius: 15px;
        color: #777777;
        padding: 9px;
        padding-left: 43px;
        text-align: center;
        font-weight: bold;
        margin-left: 20px;
        margin-right: 20px;
        width: 354px;
        text-align: left;
      }
      input[type='text'].name, textarea.name {
        background: #0a0a0a url(../../images/order/icon-user.png) 12px center no-repeat;
      }
      input[type='text'].phone, textarea.phone {
        background: #0a0a0a url(../../images/order/icon-phone.png) 12px center no-repeat;
      }
      input[type='text'].email, textarea.email {
        background: #0a0a0a url(../../images/order/icon-email.png) 12px center no-repeat;
      }
      input[type='text'].address, textarea.address {
        background: #0a0a0a url(../../images/order/icon-address.png) 12px center no-repeat;
      }
      input[type='text'].comments {
        background: #0a0a0a url(../../images/order/icon-desc.png) 12px 9px no-repeat;
      }
      textarea {
        &.comments {
          background: #0a0a0a url(../../images/order/icon-desc.png) 12px 9px no-repeat;
        }
        height: 80px;
      }
    }
    .submit {
      margin-top: 10px;
      position: relative;
      z-index: 99;
      input[type='submit'] {
        border: 0px;
        cursor: pointer;
        width: 221px;
        height: 74px;
        background: url(../../images/order/send-order.png) left -74px no-repeat;
        &:hover {
          background: url(../../images/order/send-order.png) left top no-repeat;
        }
      }
    }
  }
}

/* line 494, ../sass/pages.scss */

/* line 498, ../sass/pages.scss */

/* line 507, ../sass/pages.scss */

/* line 512, ../sass/pages.scss */

/* line 517, ../sass/pages.scss */

/* line 529, ../sass/pages.scss */

/* line 537, ../sass/pages.scss */

/* line 543, ../sass/pages.scss */

/* line 551, ../sass/pages.scss */

/* line 555, ../sass/pages.scss */

/* line 559, ../sass/pages.scss */

/* line 573, ../sass/pages.scss */

/* line 577, ../sass/pages.scss */

/* line 586, ../sass/pages.scss */

/* line 601, ../sass/pages.scss */

/* line 605, ../sass/pages.scss */

/* line 612, ../sass/pages.scss */

/* line 624, ../sass/pages.scss */

/* line 629, ../sass/pages.scss */

/* line 639, ../sass/pages.scss */

/* line 644, ../sass/pages.scss */

/* line 649, ../sass/pages.scss */

/* line 663, ../sass/pages.scss */

/* line 667, ../sass/pages.scss */

/* line 671, ../sass/pages.scss */

/* line 675, ../sass/pages.scss */

/* line 679, ../sass/pages.scss */

/* line 684, ../sass/pages.scss */

/* line 689, ../sass/pages.scss */

/* line 694, ../sass/pages.scss */

/* line 701, ../sass/pages.scss */

/* line 710, ../sass/pages.scss */

#page-articles {
  .title {
    font-size: 26px;
    margin-bottom: 15px;
    font-weight: bold;
  }
  .article-content {
    line-height: 1.5;
    p {
      margin: 10px 0px;
    }
    b, strong {
      font-weight: bold;
    }
    i, em {
      font-style: italic;
    }
    h1 {
      font-size: 18px;
      font-weight: bold;
      margin-top: 20px;
      margin-bottom: 10px;
    }
    h2 {
      font-size: 16px;
      font-weight: bold;
      margin-top: 15px;
      margin-bottom: 10px;
    }
  }
  .article-date {
    margin-top: 5px;
    text-align: right;
    opacity: 0.8;
  }
  .news-pub {
    margin-bottom: 10px;
    .news-date {
      margin-bottom: 5px;
    }
  }
}

/* line 716, ../sass/pages.scss */

/* line 719, ../sass/pages.scss */

/* line 723, ../sass/pages.scss */

/* line 727, ../sass/pages.scss */

/* line 731, ../sass/pages.scss */

/* line 738, ../sass/pages.scss */

/* line 746, ../sass/pages.scss */

/* line 752, ../sass/pages.scss */

/* line 755, ../sass/pages.scss */

/* line 761, ../sass/pages.scss */

#page-delivery {
  font-size: 14px;
  .title {
    margin-top: 15px;
  }
  .left {
    display: inline-block;
    vertical-align: top;
    width: 465px;
    margin-right: 20px;
    #girl {
      text-align: center;
      padding: 10px 0px;
    }
    #info-title {
      color: #e7323b;
      font-size: 28px;
      text-align: center;
      margin: 15px 0px;
    }
    .info {
      text-align: justify;
      line-height: 1.5;
      margin: 5px 0px;
      .important {
        color: #e7323b;
        font-size: 15px;
      }
    }
  }
  .right {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    .title-first {
      color: #e7323b;
      font-size: 30px;
      text-align: center;
    }
    .title-second {
      color: #e7323b;
      font-size: 20px;
      text-align: center;
      .large {
        font-size: 40px;
      }
    }
    .how-title {
      margin-top: 30px;
      font-size: 28px;
      text-align: center;
      margin-bottom: 20px;
    }
    .how-info {
      text-align: justify;
      line-height: 23px;
      margin: 20px 0px;
      .bullet {
        display: inline-block;
        vertical-align: top;
        width: 24px;
        height: 23px;
        background: url(../../images/delivery/bullet-bg.png) left top no-repeat;
        line-height: 23px;
        text-align: center;
      }
      a {
        color: #e7323b;
      }
    }
  }
}

/* line 764, ../sass/pages.scss */

/* line 768, ../sass/pages.scss */

/* line 774, ../sass/pages.scss */

/* line 779, ../sass/pages.scss */

/* line 786, ../sass/pages.scss */

/* line 791, ../sass/pages.scss */

/* line 798, ../sass/pages.scss */

/* line 803, ../sass/pages.scss */

/* line 809, ../sass/pages.scss */

/* line 814, ../sass/pages.scss */

/* line 819, ../sass/pages.scss */

/* line 826, ../sass/pages.scss */

/* line 831, ../sass/pages.scss */

/* line 841, ../sass/pages.scss */

/* line 851, ../sass/pages.scss */

#page-contacts {
  .title {
    margin-bottom: 15px;
  }
  .cont {
    position: relative;
    #map {
      z-index: 1;
      display: block;
    }
    #address, #phone, #time, #email {
      position: absolute;
      line-height: 40px;
      color: #9f9f9f;
    }
    #address img, #phone img, #time img, #email img {
      display: inline-block;
      vertical-align: top;
      margin-right: 15px;
    }
    #address .white, #phone .white, #time .white, #email .white {
      color: #f3f3f3;
    }
    #address a, #phone a, #time a, #email a {
      color: #e7323b;
    }
    #address {
      left: 482px;
      top: 30px;
    }
    #phone {
      left: 505px;
      top: 76px;
    }
    #time {
      left: 530px;
      top: 121px;
    }
    #email {
      left: 555px;
      top: 165px;
    }
  }
}

/* line 855, ../sass/pages.scss */

/* line 858, ../sass/pages.scss */

/* line 863, ../sass/pages.scss */

/* line 865, ../sass/pages.scss */

/* line 871, ../sass/pages.scss */

/* line 875, ../sass/pages.scss */

/* line 885, ../sass/pages.scss */

/* line 890, ../sass/pages.scss */

/* line 895, ../sass/pages.scss */

/* line 900, ../sass/pages.scss */

/* line 908, ../sass/pages.scss */

#paginator {
  margin-top: 15px;
  text-align: center;
  a {
    display: inline-block;
    margin: 5px;
    color: #e7323b;
    font-size: 15px;
    &.active {
      color: #f3f3f3;
    }
  }
}

/* line 912, ../sass/pages.scss */

/* line 918, ../sass/pages.scss */

.dishListMenu {
  float: left;
  background: url(../../images/cafe/red-dot.png) right top repeat-y;
  width: 305px;
  display: inline-block;
  color: #e7323b;
  text-align: center;
  font-family: Tahoma;
  font-size: 14px;
  select {
    width: 305px;
    height: 42px;
    background: url(../../images/cafe/dropdown.png) no-repeat;
    color: #e7323b;
    border: none;
    outline: none;
    padding-left: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    &::-ms-expand {
      display: none;
    }
  }
}

.dishListMenuHeader {
  line-height: 35px;
}

/***/

.dropdown {
  margin-left: 25px;
  z-index: 100;
  dd, dt, ul {
    margin: 0px;
    padding: 0px;
  }
  dd {
    position: relative;
    z-index: 9999;
  }
  a {
    color: #FFF;
    text-decoration: none;
    outline: none;
    line-height: 38px;
    &:visited {
      color: #FFF;
      text-decoration: none;
      outline: none;
      line-height: 38px;
    }
    &:hover {
      color: #FFF;
    }
  }
  dt a {
    &:hover {
      color: #FFF;
    }
    background: url(../../images/cafe/dropdown_inactive.png) no-repeat;
    display: block;
    width: 262px;
    height: 42px;
    text-align: left;
    padding-left: 15px;
    &.expanded {
      background: url(../../images/cafe/dropdown_active.png) no-repeat;
      display: block;
      width: 262px;
      height: 42px;
      text-align: left;
      padding-left: 15px;
      &:hover {
        background: url(../../images/cafe/dropdown_active.png) no-repeat;
        display: block;
        width: 262px;
        height: 42px;
        text-align: left;
        padding-left: 15px;
      }
    }
    &:hover {
      background: url(../../images/cafe/dropdown.png) no-repeat;
      display: block;
      width: 262px;
      height: 42px;
      text-align: left;
      padding-left: 15px;
    }
    span {
      cursor: pointer;
      display: block;
    }
  }
  dd ul {
    /*background:url(../../images/layout/bg.jpg); */
    color: #e7323b;
    display: none;
    left: 0px;
    padding: 5px 0px;
    position: absolute;
    top: 2px;
    width: auto;
    min-width: 265px;
    list-style: none;
    margin-top: -8px;
    li {
      height: 38px;
      width: 261px;
    }
  }
  span.value {
    display: none;
  }
  dd ul li {
    &:last-child a {
      background: url(../../images/cafe/dropdown_item_last.png) no-repeat;
      height: 41px;
      padding-left: 15px;
      &:hover {
        background: url(../../images/cafe/dropdown_item_last_active.png) no-repeat;
      }
    }
    a {
      background: url(../../images/cafe/dropdown_item.png) no-repeat;
      display: block;
      text-align: left;
      margin: 0;
      padding: 0;
      padding-left: 15px;
      &:hover {
        background: url(../../images/cafe/dropdown_item_active.png) no-repeat;
      }
    }
  }
  img.flag {
    border: none;
    vertical-align: middle;
    margin-left: 10px;
  }
}

.flagvisibility {
  display: none;
}

.homepage {
  display: block;
  float: right;
  width: 226px;
  margin-top: 20px;
  text-indent: -9999px;
  a {
    background: url(../../images/main/homepage.png) center 0 no-repeat;
    height: 60px;
    display: block;
    &:hover {
      background: url(../../images/main/homepage.png) center -60px no-repeat;
      height: 60px;
      display: block;
    }
  }
}

.whiteText {
  color: #FFF;
}

.selectString {
  text-align: center;
  text-transform: uppercase;
  margin-top: 15px;
  color: #e7323b;
}